<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="/common/template :: header(~{::title},~{::link},~{::style})">
    <link rel="stylesheet" th:href="@{/css/homeIndex.css}"  media="all">

    <style>
        a{
            color: #005980;
        }
        .widget-small{
            background-color: #FFFFFF;
            overflow: hidden;
            text-align: center;
            border-radius: 2px;
            box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
        }
        .widget-small .fa{
            float: left;
            width: 40%;
            line-height: 80px;
            color: #FFFFFF;
        }
        .widget-user .fa{
            background-color: #029789;
        }
        .widget-visit .fa{
            background-color: #17a2b8;
        }
        .widget-message .fa{
            background-color: #fbad4c;
        }
        .widget-like .fa{
            background-color: #ff646d;
        }
        .widget-small-info{
            float: left;
            text-align: left;
            width: 40%;
            margin-left: 20px;
            margin-top: 18px;
            line-height: 24px;
        }
        .widget-small-info h4{
            font-size: 18px;
        }
        .widget-small-info span{
            font-size: 16px;
        }
        .project-introduce{
            min-height: 466px;
        }
        .project-introduce h4{
            font-weight: bold;
            margin-top: 12px;
            margin-bottom: 8px;
        }
        .project-introduce li{
            list-style: decimal;
            margin-left: 28px;
        }
        .alert {
            padding: 15px;
            margin-bottom: 10px;
            border: 1px solid transparent;
            border-radius: 4px;
        }
        .alert-info {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }
    </style>
</head>


<body class="timo-layout-page">
<div class="layui-row layui-col-space15">
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-user">
            <i class="icon fa fa-users fa-3x"></i>
            <div class="widget-small-info">
                <h4>申报件数(件)</h4>
                <span id="J_statApplyCount">0</span>
            </div>
        </div>
    </div>
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-visit">
            <i class="icon fa fa-line-chart fa-3x"></i>
            <div class="widget-small-info">
                <h4>技审通过(件)</h4>
                <span  id="J_statApplyCountByTech">0</span>
            </div>
        </div>
    </div>
    <div class="layui-col-md3 layui-col-sm6 layui-col-xs12">
        <div class="widget-small widget-message">
            <i class="icon fa fa-comments-o fa-3x"></i>
            <div class="widget-small-info">
                <h4>审批轮数(次)</h4>
                <span  id="J_statTotalAuditCount">0</span>
            </div>
        </div>
    </div>
    <div class="widget-small widget-like">
        <i class="icon fa fa-star fa-3x"></i>
        <div class="widget-small-info">
            <h4>未审批(件)</h4>
            <span  id="J_statUnAuditCount" style="color: red">0</span>
        </div>
    </div>
    <!--<div class="layui-col-md3 layui-col-sm6 layui-col-xs12">-->
        <!--<div class="widget-small widget-message">-->
            <!--<i class="icon fa fa-comments-o fa-3x"></i>-->
            <!--<div class="widget-small-info">-->
                <!--<h4>未审批(件)</h4>-->
                <!--<span  id="J_statUnAuditCount" style="color: red">0</span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
</div>

<div class="layui-row full-height layui-col-space15" style="margin-top: 8px;">
    <div class="layui-col-sm12 full-height">
        <div class="layui-card">
            <div class="layui-card-header">
                <label>统计</label>
            </div>
            <div class="layui-card-body">
                <div class="layui-inline">
                    <label class="layui-form-label">统计类型</label>
                    <div class="layui-input-block" style="width: 250px">
                        <select class="layui-input" id="J_selectCheckStatType" type="text"  name="checkStatType" placeholder="请选择统计类型">
                            <option value="" >请选择统计类型</option>
                            <option value="按月份统计申请件数" selected>按月份统计申请件数</option>
                            <option value="按申报事项统计">按申报事项统计</option>
                            <option value="按审核员统计">按审核员统计</option>
                            <option value="按月份统计审核次数">按月份统计审核次数</option>
                            <option value="按月份统计每人审核次数">按月份统计每人审核次数</option>
                        </select>
                    </div>
                </div>
                <div  class="layui-inline" id="J_statYear">
                    <div class="layui-inline">
                        <label class="layui-form-label">选择年份：</label>
                        <div class="layui-input-block" style="width: 150px">
                            <input type="text" class="layui-input" id="J_selectStatYear" placeholder="请选择统计年份">
                        </div>

                    </div>

                </div>
                <div  class="layui-inline" id="J_statStartEnd" style="display: none">
                    <div class="layui-inline">
                        <label class="layui-form-label">开始时间：</label>
                        <div class="layui-input-block" style="width: 150px">
                            <input type="text" class="layui-input" id="J_startLaydate" placeholder="请选择初始时间">
                        </div>

                    </div>
                    <div class="layui-inline">
                        <label class="layui-form-label">结束时间：</label>
                        <div class="layui-input-block" style="width: 150px">
                            <input type="text" class="layui-input" id="J_endLaydate" placeholder="请选择结束时间">
                        </div>
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn" id="J_btnStat">统计</button>
                </div>

                <div style="height: 300px;margin-top: 20px"  id="J_statByApplyItem">
                </div>
                <div style="display: none; font-size: 16px;line-height: 20px;" id="J_showStatData">

                </div>
            </div>
        </div>
    </div>
</div>
<script th:replace="/common/template :: script"></script>
<script type="text/javascript" th:src="@{/js/plugins/jquery-2.2.4.min.js}"></script>
<!--<script th:src="@{/lib/layui-v2.3.0/layui.js}"></script>-->
<script th:src="@{/lib/layui-v2.3.0/layui.all.js}"></script>
<script th:src="@{/lib/echarts/echarts.js}"></script>
<script th:src="@{/js/gdp/statCase.js}"></script>

</body>

</html>

